{% extends "base.html" %}
{%block title%}双色球{%endblock%}

  {%block js%}

    <script type="text/javascript">
    var lottery;
    $(document).ready(function(){
        //type,rednummax,bluenummax,redmin,redrequire,bluerequire,redmax,bluemax,buymax,formater,needzero
        lottery = new dantuo({type:'01',
        				tuonummax:33,  
        				dannummax:33,  
                        bluenummax:16,
                        tuomin:2,
                        danmin:1,
                        redrequire:7,
                        bluerequire:1,
                        tuomax:16,
                        danmax:5,
                        bluemax:16,
                        buymax:20000,
                        formater:"{0} {1}注 共{2}元",
                        needzero:true,  
                        fangshi:1,                    
                        unit:6
                        
                        //printformat : "  {0}   {1}   {2}   {3}   {4}   {5}  | {6} (1)"
                      }); 
        

        lottery.init_events();

        lottery.init_updater({{seconds2awardtime}});
    });
    
 
  </script>
  
  
  <style type="text/css">
  .icon-red {
  background-image: url("../static/img/s_red_blue.png");
  background-position: 6px 2px;
  display: inline-block;
  line-height: 40px;
  width: 25px;
  height: 40px;
  color: #fff;
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
}
.icon-blue {
  background-image: url("../static/img/s_red_blue.png");
  background-position: 6px -35px;
  display: inline-block;
  line-height: 40px;
  width: 25px;
  height: 40px;
  color: #fff;
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
}

.icon-white {
  background-image: url("../static/img/s_w.png");
  background-position: 4px 3px;
  display: inline-block;
  line-height: 40px;
  width: 25px;
  height: 40px;
  color: #000;
  font-weight: bold;
  font-style: normal;
  font-size: 12px;
}


  </style>

  {%endblock%}

  {%block headid%}header{%endblock%}
  {%block loadtip%}每周二、四、日21:30开奖{%endblock%}
  
	{%block body%}
	
<div id="choose" class="clear">
   <div class="chose_area1">
      <div class="ssq-button left" style="margin:0px 0px 0px 0px;"><a href="/double"><img src="/static/img/shiwu_normal.png"></a></div>
      <div class="ssq-dantuo-button" style="margin:0px 0px 0px 99px;">
      <a href="#"><img src="/static/img/shiwu_dantuo.png"></a> </div>
   </div>
      <div class="chose_area2">
      <!-- 蓝球区 -->
          <div class="c_reft" style="width:300px;margin-left:10px">
              <div class="b_header" style="width:260px">蓝球区 <span style="font-size:.8em; font-weight: normal">(至少选1个)</span></div>
              <div class="blue_chose_area blue_select" style="padding-left:13px" >
                <i class="icon-white" style="cursor:pointer">01</i>
                <i class="icon-white" style="cursor:pointer">02</i>
                <i class="icon-white" style="cursor:pointer">03</i>
                <i class="icon-white" style="cursor:pointer">04</i>
                <i class="icon-white" style="cursor:pointer">05</i>
                <i class="icon-white" style="cursor:pointer">06</i>
                <i class="icon-white" style="cursor:pointer">07</i>
                <i class="icon-white" style="cursor:pointer">08</i>
                <i class="icon-white" style="cursor:pointer">09</i>
                <i class="icon-white" style="cursor:pointer">10</i>
                <i class="icon-white" style="cursor:pointer">11</i>
                <i class="icon-white" style="cursor:pointer">12</i>
                <i class="icon-white" style="cursor:pointer">13</i>
                <i class="icon-white" style="cursor:pointer">14</i>
                <i class="icon-white" style="cursor:pointer">15</i>
                <i class="icon-white" style="cursor:pointer">16</i>
              </div>
          </div>
          <div class="c_right" style="width:435px;float: right;">
              <div class="r_header" >拖码区 <span style="font-size:.8em; font-weight: normal">我认为可能出的红球 （至少选择2个，最多16个）</span></div>
              <div class="red_chose_area red_select tuoma" style="padding-left:13px" >
                <i class="icon-white" name="tm" style="cursor:pointer">01</i>
                <i class="icon-white" name="tm" style="cursor:pointer">02</i>
                <i class="icon-white" name="tm" style="cursor:pointer">03</i>
                <i class="icon-white" name="tm" style="cursor:pointer">04</i>
                <i class="icon-white" name="tm" style="cursor:pointer">05</i>
                <i class="icon-white" name="tm" style="cursor:pointer">06</i>
                <i class="icon-white" name="tm" style="cursor:pointer">07</i>
                <i class="icon-white" name="tm" style="cursor:pointer">08</i>
                <i class="icon-white" name="tm" style="cursor:pointer">09</i>
                <i class="icon-white" name="tm" style="cursor:pointer">10</i>
                <i class="icon-white" name="tm" style="cursor:pointer">11</i>
                <i class="icon-white" name="tm" style="cursor:pointer">12</i>
                <i class="icon-white" name="tm" style="cursor:pointer">13</i>
                <i class="icon-white" name="tm" style="cursor:pointer">14</i>
                <i class="icon-white" name="tm" style="cursor:pointer">15</i>
                <i class="icon-white" name="tm" style="cursor:pointer">16</i>
                <i class="icon-white" name="tm" style="cursor:pointer">17</i>
                <i class="icon-white" name="tm" style="cursor:pointer">18</i>
                <i class="icon-white" name="tm" style="cursor:pointer">19</i>
                <i class="icon-white" name="tm" style="cursor:pointer">20</i>
                <i class="icon-white" name="tm" style="cursor:pointer">21</i>
                <i class="icon-white" name="tm" style="cursor:pointer">22</i>
                <i class="icon-white" name="tm" style="cursor:pointer">23</i>
                <i class="icon-white" name="tm" style="cursor:pointer">24</i>
                <i class="icon-white" name="tm" style="cursor:pointer">25</i>
                <i class="icon-white" name="tm" style="cursor:pointer">26</i>
                <i class="icon-white" name="tm" style="cursor:pointer">27</i>
                <i class="icon-white" name="tm" style="cursor:pointer">28</i>
                <i class="icon-white" name="tm" style="cursor:pointer">29</i>
                <i class="icon-white" name="tm" style="cursor:pointer">30</i>
                <i class="icon-white" name="tm" style="cursor:pointer">31</i>
                <i class="icon-white" name="tm" style="cursor:pointer">32</i>
                <i class="icon-white" name="tm" style="cursor:pointer">33</i>
              </div>
          </div>

          <!-- 红球区 -->
          <div class="c_right" style="width:435px">
              <div class="r_header" >胆码区 <span style="font-size:.8em; font-weight: normal">我认为必出的红球 （至少选择1个，最多5个）</span></div>
              <div class="red_chose_area red_select danma" style="padding-left:13px">
                <i class="icon-white" name="dm" style="cursor:pointer">01</i>
                <i class="icon-white" name="dm" style="cursor:pointer">02</i>
                <i class="icon-white" name="dm" style="cursor:pointer">03</i>
                <i class="icon-white" name="dm" style="cursor:pointer">04</i>
                <i class="icon-white" name="dm" style="cursor:pointer">05</i>
                <i class="icon-white" name="dm" style="cursor:pointer">06</i>
                <i class="icon-white" name="dm" style="cursor:pointer">07</i>
                <i class="icon-white" name="dm" style="cursor:pointer">08</i>
                <i class="icon-white" name="dm" style="cursor:pointer">09</i>
                <i class="icon-white" name="dm" style="cursor:pointer">10</i>
                <i class="icon-white" name="dm" style="cursor:pointer">11</i>
                <i class="icon-white" name="dm" style="cursor:pointer">12</i>
                <i class="icon-white" name="dm" style="cursor:pointer">13</i>
                <i class="icon-white" name="dm" style="cursor:pointer">14</i>
                <i class="icon-white" name="dm" style="cursor:pointer">15</i>
                <i class="icon-white" name="dm" style="cursor:pointer">16</i>
                <i class="icon-white" name="dm" style="cursor:pointer">17</i>
                <i class="icon-white" name="dm" style="cursor:pointer">18</i>
                <i class="icon-white" name="dm" style="cursor:pointer">19</i>
                <i class="icon-white" name="dm" style="cursor:pointer">20</i>
                <i class="icon-white" name="dm" style="cursor:pointer">21</i>
                <i class="icon-white" name="dm" style="cursor:pointer">22</i>
                <i class="icon-white" name="dm" style="cursor:pointer">23</i>
                <i class="icon-white" name="dm" style="cursor:pointer">24</i>
                <i class="icon-white" name="dm" style="cursor:pointer">25</i>
                <i class="icon-white" name="dm" style="cursor:pointer">26</i>
                <i class="icon-white" name="dm" style="cursor:pointer">27</i>
                <i class="icon-white" name="dm" style="cursor:pointer">28</i>
                <i class="icon-white" name="dm" style="cursor:pointer">29</i>
                <i class="icon-white" name="dm" style="cursor:pointer">30</i>
                <i class="icon-white" name="dm" style="cursor:pointer">31</i>
                <i class="icon-white" name="dm" style="cursor:pointer">32</i>
                <i class="icon-white" name="dm" style="cursor:pointer">33</i>
              </div>
          </div>
           
    </div>
</div>   
	{%endblock%}
